<template>
  <div class="about">
    <van-nav-bar :title="topTitle" left-arrow>
      <template #left>
        <van-image
          width="17"
          height="17"
          fit="contain"
          :src="require('assets/images/BackIcon.png')"
          @click="handleGoBack"
        />
      </template>
    </van-nav-bar>
    <div class="backiogin">
      <van-image width="78" height="56.5" :src="require('assets/images/login_about.png')" />
    </div>

    <div class="setup">
      <div class="setup_hig">
        <!-- 左侧标题 -->
        <div class="setup_color">用户协议</div>
        <!-- 右侧图标 -->
        <van-image
          width="6.5"
          height="13"
          fit="contain"
          :src="require('assets/images/RightArrow.png')"
        />
      </div>
      <div class="setup_hig">
        <!-- 左侧标题 -->
        <div class="setup_color">隐私权保护声明</div>
        <!-- 右侧图标 -->
        <van-image
          width="6.5"
          height="13"
          fit="contain"
          :src="require('assets/images/RightArrow.png')"
        />
      </div>

      <!-- </van-checkbox-group> -->
    </div>
  </div>
</template>

<script>
export default {
  name: "about",
  data() {
    return {
      // 通用变量
      // 顶部标题
      topTitle: "关于"
    };
  },
  methods: {
    // 左侧点击事件
    handleGoBack() {
      this.$router.go(-1);
      console.log("返回");
    }
  }
};
</script>

<style lang="less" scoped>
.about{
  // margin-left: -15px;
  // margin-right: -15px;
  padding: 0 ;
}
.backiogin {
  display: flex;
  justify-content: center;
  margin: 30px 0 50px 0;
}
.setup {
  align-items: center;

  .setup_hig {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px;
    border-bottom: 1px solid #e4e4e4;

    .setup_color {
      font-size: 14px;
      color: #2a2b2d;
    }
  }
}
</style>